<div class="meta-section">
    <div class="meta-section-header">
        <h4 class="meta-section-header-title">代码风格：</h4>
    </div>
    <div class="meta-section-container">
        <div class="meta-doc-block">
            <h4>样式命名风格</h4>

            <p>类名格式为前缀－形容词－形容词－形容词－名词－名词－名词，前缀全部统一为meta，防止和第三方样式库发生冲突，形容词和名词最多叠加三次，如果名词叠加第四次的时候，就只保留前缀和第四层名词</p>

            <div class="meta-doc-block-example">
                <p>1. 前缀－名词：.meta-sidebar</p>

                <p>2. 前缀－形容词－名词－名词：.meta-blue-sidebar-list</p>

                <p>3. 前缀－形容词－形容词－名词：.meta-white-transparent-btn</p>

                <p>4. 前缀－名词－名词－名词-名词<b>转换成</b>前缀－名词：.meta-input-section-control-checkbox<b>转换成</b>.meta-checkbox</p>
            </div>
        </div>
    </div>
</div>
